$(function(){
    /**
     *  想要删除数据 得有两种方法
     *  1.将当前页面中的元素移除
     *  2.将LocalStorage中的数据清掉
     */
    //1.将当前页面中的元素移除 
    $("table").on("click",".del",function(){
        //先获取一下它的QQ号 最后将它传进deleteData函数进行比较，然后删除数据库具体内容
        var deleteIDs = $(this).parents("tr").find("td:nth-child(1)").text();
        //将删除的tbody元素记下来 以传参的方式传进删除数据函数
        var FOut = $(this).parents("tbody");
        // console.log(deleteIDs);
        $("tbody").parents("tbody").remove();
        deleteFunction.deleteData(deleteIDs,FOut);
    });
    //2.将删除的行对应在Local Storage里的数据也对应清除掉

    /**
     * @param Member 用于进行比对判断是不是当前行的数据
     * @param QQFOut 用于让当前的行进行淡出效果
     */
    deleteFunction = {
        deleteData:function(Member,QQFOut){
            //获取Lcal Storage里的键值
            var dataBank = util.getParam("dataBank");
            //将数据库里的数据其出来并将它转换为json对象
            var jsonStr = JSON.parse(dataBank);
            var jsonData = jsonStr.jsonData;
            var list = [];
            for(var i in jsonData){
                /**
                 * 如果当前点击的里边的QQ号和传进来的QQ号相等
                 * 就代表要将当前的数据数组清除
                 * 然后将一个空数组赋给当前的行号（相当于删掉了）
                 * 最后将这个数据对象转换为JSON字符串传入Local Storage
                 * */
                if(jsonData[i].Member == Member){ 
                    console.log("删除成功");
                    jsonStr.jsonData=list;
                    $(QQFOut).fadeOut("slow");
                }else {
                    list.push(jsonData[i]);
                    jsonStr.jsonData=list;
                }
                    util.setParam("dataBank",JSON.stringify(jsonStr));
                }
            }
    } 
        
})